import { injectGlobal } from 'styled-components'
import { success, successHover, danger, dangerHover } from './color'

injectGlobal`
  .ant-form-item-control {
    line-height: 1em !important;
  }
  .ant-form-item-label {
    line-height: 32px !important;
  }
  .ant-form label,
  .ant-form-item,
  .ant-btn,
  .ant-btn-sm,
  .ant-input,
  .ant-select,
  .ant-select-dropdown,
  .ant-table {
    font-size: 12px !important;
  }
  a:focus {
    text-decoration: none !important;
  }

  .successBtn {
    background-color: ${success} !important;
    border-color: ${success} !important;
    color: white !important;
    &:hover {
      background-color: ${successHover} !important;
      border-color: ${successHover} !important;
    }
  }

  .dangerBtn {
    background-color: ${danger} !important;
    border-color: ${danger} !important;
    color: white !important;
    &:hover {
      background-color: ${dangerHover} !important;
      border-color: ${dangerHover} !important;
    }
  }
`
